<template>
  <!-- 经典方案集锦 -->
  <base-breadcrumb class="allPlan">
    <a-tabs v-model="activeKey" @change="onChange">
      <a-tab-pane key="1" tab="施组方案集锦">
        <programCollection></programCollection>
      </a-tab-pane>
      <a-tab-pane key="2" tab="方案编制模板" force-render>
        <TechnicalTemplate :activeKey.sync="activeKey" v-if="activeKey == '2'"></TechnicalTemplate>
      </a-tab-pane>
      <a-tab-pane key="3" tab="技术交底模板">
        <TechnicalTemplate :activeKey.sync="activeKey" v-if="activeKey == '3'"></TechnicalTemplate>
      </a-tab-pane>
    </a-tabs>
  </base-breadcrumb>
</template>

<script>
import BasePage from '@/views/basePage' // 基础配置
import ProgramCollection from './programCollection'
import TechnicalTemplate from './technicalTemplate'
export default {
  name: 'a' + Date.now(),
  extends: new BasePage(),
  components: {
    ProgramCollection,
    TechnicalTemplate
  },
  data() {
    return {
      activeKey: '1'
    }
  },
  methods: {
    onChange(val) {
      this.activeKey = val
    }
  }
}
</script>
<style scoped lang="less">
@deep: ~'>>>';
.allPlan {
  @{deep} .ant-tabs-bar {
    background-color: #fff;
  }
}
</style>
